<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>combo</title>
<link href="front/css/reg.css" rel="stylesheet" type="text/css" />
<!-- city  css -->
<link href="combo/css/select.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="front/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="lyd/LYD.core.js"></script>
<script type="text/javascript" src="lyd/LYD.ajax.js"></script>
<script type="text/javascript" src="front/js/reg.js"></script>
<script type="text/javascript" src="combo/user/combo.user.js"></script>
<script type="text/javascript">
var CUSER = {
	uid : '${user.userdb.uid}',
	usertruename : '',
	school: '${user.userdb.school}',
	provinces : '${user.userdb.province}',
	city : '${user.userdb.city}',
	tips : ${user.tipJson}
};
$(document).ready(function () {
	USER.init();
});
</script>
</head>

<body>
<!-- 导航 -->
<div id="top">
	<div class="width">
		<div class="logo"></div>
		<div class="top_hover"></div>
		<div class="account"></div>
	</div>
</div>
<!-- /导航结束 -->
<div id="background">
	<div class="width">
		<div id="scroll_main">
			<div class="width">
				<div id="step_scroll"> 
					<!-- 基本信息 --> 
					<div class="info_input">
						<div class="input_div">
							<div class="txt">登录名</div>
							<div class="email">${user.email }</div>
							<div class="local"><a href="#">修改密码</a></div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">真实姓名</div>
							<div class="input_left">
								<div class="input_right">
									<div class="input_middle">
										<input class="input_style" id="c_name" type="text"  value="${user.USERTRUENAME}"/>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="input_div" id="c_sex">
							<div class="txt">性别</div>
							<div class="${user.userdb.usersex=='1'?'check_active':'check_no'}">男</div>
							<div class="${user.userdb.usersex=='0'?'check_active':'check_no'}">女</div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">所在地</div>
							<div class="local_select" id="select_province"></div>
							<div class="local_select" id="select_city"></div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">所在学校</div>
							<div class="school_select" id="select_school">请选择学校</div>
							<div class="clear"></div>
						</div>
						
						<div class="input_div">
							<div class="txt">生日</div>
							<div class="input_left">
								<div class="input_right">
									<div class="input_middle">
										<input id="c_birthday" class="input_style" type="text"  value="<fmt:formatDate pattern="yyyy年MM月dd日" value="${user.userdb.birth}"/>"/>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="input_div">
							<div class="txt">个人介绍</div>
							<div class="text_left">
								<div class="text_right">
									<div class="text_middle">
										<form id="form1" action="" method="post" name="form1">
											<label for="textarea"></label>
											<textarea id="c_introduce" class="input_txt" rows="5" cols="45" name="textarea">${user.userdb.introduce}</textarea>
										</form>
									</div>
								</div>
							</div>
							<div class="clear"></div>
						</div>
						<div class="info_save" id="submit_base"></div>
						<div class="info_cancel"></div>
					</div>
					<!-- /基本信息结束 --> 
					<!-- 修改头像 -->
					<div id="step_two">
						<div class="pic_upload_main">
						<!--
							<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1002" height="135">
		                        <param name="movie" value="flash/COMBO.swf">
		                        <param name="quality" value="high">
		                        <param name="wmode" value="transparent">
		                        <embed src="flash/COMBO.swf" width="1002" height="100%" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent">
		                        </embed>
		                    </object>
		                 -->
						</div>
					</div>
					<!-- /修改头像结束 --> 
					<!-- 选择标签 -->
					<div id="tab_select">
						<div id="step_two_main">
							<div class="top_tx">选择你想玩儿的热门标签：</div>
							<div class="tab_bg_top">
								<div class="tab_bg_bottom">
									<div class="tab_bg_middle"> 
									<!-- 热门标签 -->
										<c:forEach items="${tipCatalog}" var="t" varStatus="it">
											<div class="tabs"><a href="#" onclick="USER.getChildTip('${t.TIPID}','${t.TIPNAME}')">${t.TIPNAME}</a></div>
										</c:forEach>
										<!-- /热门标签结束 -->
										<div class="tab_bg2_top">
												<div class="tab_bg2_middle">
													<DIV id="childTip">
													<c:forEach items="${hotTIP}" var="h">
														<div class="_tabs"><a href="#" onclick="USER.getTip(${h.TIPID},'${h.TIPNAME}')">${h.TIPNAME}</a></div>
													</c:forEach>
													</DIV>
													<div class="clear"></div>
													<div class="bottom_object">
														<div class="input_tx">太少了？你还可以自己添加：</div>
														<div class="input_left">
															<div class="input_right">
																<div class="input_middle">
																	<input class="input_style" type="text" />
																</div>
															</div>
														</div>
														<div class="input_left">
															<div class="input_right">
																<div class="input_middle">
																	<input class="input_style" type="text" />
																</div>
															</div>
														</div>
														<div class="add_button"></div>
													</div>
													<div class="clear"></div>
													<div class="tab_bg2_bottom">
														<div class="_tab_bg2_middle"></div>
													</div>
												</div>
										</div>
										<div id="tabed" class="tabed">
											<div class="tx">可选择5个标签（<span id="t_index">${user.tiplist.size()}</span>/5）</div>
											<c:forEach items="${user.tiplist}" var="tip">
												<div class="tab_object" onclick="USER.removeTip(this,0,false)">${tip.tipname}</div>
											</c:forEach>
										</div>
										<div class="tab_save" id="btn_save"></div>
										<div class="tab_cancel"></div>
										<div class="clear"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- /选择标签结束 --> 
				</div>
			</div>
		</div>
		<!-- 设置 -->
		<div class="info">
			<div class="account_active"></div>
			<ul class="ul_info">
				<li class="jiben_active"></li>
				<li class="xiugai"></li>
				<li class="xuanze"></li>
			</ul>
			<div class="privacy"></div>
			<div class="info_icon"></div>
			<ul class="ul_privacy">
				<li class="jiben_active"></li>
				<li class="xiugai"></li>
				<li class="xuanze"></li>
			</ul>
		</div>
		<!-- 设置 -->
		
	</div>
</div>
<!-- 省选择选择 -->
<div id="city_list" class="city_object">
	<div class="city_main">
		<div class="city_top">
			<div class="city_topic">选择你的城市</div>
			<div class="city_bubble">为已有地图的城市</div>
			<div class="city_block"></div>
		</div>
		<div class="cities">
		<c:forEach items="${provices}" var="p">
			<span code="${p.code}">${p.PROVINCESNAME}</span> 
		</c:forEach>
			<p class="clear"></p>
		</div>
		<div class="cities_add"> 
			<span></span>
			<p class="clear"></p>
		</div>
	</div>
</div>
<!-- /城市选择结束 -->

<!-- 选择学校 -->
<div id="school_list" class="city_object">
	<div class="city_main">
		<div class="city_top">
			<div class="city_topic">选择你的学校</div>
		</div>
		<div class="cities">
		<c:forEach items="${provices}" var="p">
			<span code="${p.code}">${p.PROVINCESNAME}</span> 
		</c:forEach>
			<p class="clear"></p>
		</div>
		<div class="cities_add"> 
			<span></span>
			<p class="clear"></p>
		</div>
	</div>
</div>
<!-- /选择学校 -->


</body>
</html>



